<template>
    <div id="footer">
        <div class="footer">
			<div class="foot_wrap">
				<div class="foot_nav">
					<a href="index.html">首页</a>
					<a href="">拍卖会</a>
					<a href="">资讯</a>
					<a href="mine.html">我的</a>
					<a href="about.html">关于我们</a>
					<!--<router-link to="/home">首页</router-link>
					<router-link to="/assets">资产</router-link>
					<router-link to="/info">资讯</router-link>
					<router-link :to="url">我的</router-link>
					<router-link to="/about/culture">关于我们</router-link>-->
					<span><i class="iconfont">&#xe616;</i>联系我们&nbsp;&nbsp;400-816-2283</span>
				</div>
				<div class="foot_comit">
					<a class="iconfont" href="">&#xe602;</a>
					<a class="iconfont" href="">&#xe601;</a>
					<a class="iconfont" href="">&#xe600;</a>
				</div>	
			</div>
			<p class="copyright">&copy; copyright 2011-2016 爱飞单平台. All rights reserved.</p>
		</div>
    </div>
</template>

<script>
    export default {
        name:'footer'
    }
</script>
<style lang="less" rel="stylesheet/less" type="text/css">
	@import '../../public/css/variable.less'; 
   	.footer{
	    background: url(../../public/images/foot_b.jpg) no-repeat 50% 50%;
	    background-size: cover;
	    .foot_wrap{
	        width: 1200px;
	        margin: 0 auto;
	        padding: 65px 45px;
	        box-sizing: border-box;
	        .foot_comit{
	            a{
	                display: inline-block;
	                background: url(../../public/images/ling.png) no-repeat 0 0;
	                background-size: cover;
	                height: 62px;
	                width: 56px;
	                text-align: center;
	                line-height: 62px;
	                .fonts(25px);
	                color: #7e7e7e;
	                margin-right: 30px;
	                &:hover{
	                    color: @cgolden;
	                    background-position: 0 -68px;
	                }
	            }
	        }
	        
	        .foot_nav{
	            float: right;
	            color: #dedede;
	            a{
	                display: inline-block;
	                color: #dedede;
	                .fonts(16px);
	                margin-left: 50px;
	                &:first-child{ margin-left: 0; }
	                &:hover{ color: @cgolden; }
	            }
	            span{
	                display: block;
	                margin-top: 30px;
	                i{
	                    color: #757575;
	                    padding-right: 5px;
	                }
	                
	            }
	        }
	    }
	    .copyright{
	        color: #8c909d;
	        text-align: center;
	        .fonts(15px);
	        padding: 25px 0;
	        border-top: 1px solid #7e7e7e;
	    }
	}

</style>